.models-page {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: #ffffff;
	overflow: hidden;
	.models-body {
		flex: 1;
		display: flex;
		overflow: hidden;
	}
	.brand-content {
	  width: 176rpx;
	  background-color: #f7f7f7;
	}
	.product-content {
	  flex: 1;
	  display: flex;
	  flex-direction: column;
	  overflow: hidden;
	  .model-product-body {
	    position: relative;
	    flex: 1;
			overflow: hidden;
			.product-data-status {
				font-size: 24rpx;
				.product-nodata {
					padding-top: 200rpx;
					text-align: center;
					.icon-nodata {
						width: 200rpx;
						height: 200rpx;
					}
					.nodata-text {
						margin-top: 24rpx;
						font-size: 24rpx;
						color: #CCCCCC;
					}
				}
				.status {
					text-align: center;
					line-height: 100rpx;
					font-size: 24rpx;
					color: #969799;
				}
			}
			.product-loading {
				position: absolute;
				left: 0;
				top: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 100%;
				background-color: #ffffff;
				.spinner-cycle-loading {
					animation: runRound 1s linear infinite;
				}
			}
	  }
	}
}

@keyframes runRound {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}